<template>
    <div>
         <ul>
            <li v-for="item in goodList" :key="item.id" @click="btn(item.id)">
                <img v-lazy="item.list_pic_url" alt="">
                <p>{{item.name}}</p>
                <span>{{item.retail_price|Price}}</span>
            </li>
        </ul>
        
        
    </div>
</template>

<script>
export default {
    name: 'WyProjectProduct',
    props:['goodList'],

    data() {
        return {
            
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="less" scoped>
ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    li{
        width: 49%;
        img{
            width: 100%;
        }
        p{
            font-size: 18px;
        }
        span{
            font-size: 15px;
        }
    }
}

</style>